Home

Informatik 7


HTML und CSS

HTML (Hypertext Markup Language) ist die Standardsprache für Webseiten. Sie wird benutzt um Texte zu strukturieren und Grafiken oder andere Medien in eine Webseite einzubauen. CSS (Cascading Stylesheets) dagegen ist eine Technik mit der die verschiedenen Objekte (Texte, Grafiken etc) einer Webseite formatiert werden können. Auf modernen Webseiten wird das gesamte Design über CSS gestaltet.
Charakteristisch für html sind die sogenannten 'tags'. Jedes Objekt wird von einem öffnenden und einem schließenden tag umschlossen. Zum Beispiel <Überschrift>

Grundaufbau einer Webseite

Grob gesprochen enthält der body der Seite alle Objekte der Webseite, während sich im head und speziell im Stylesheet alle Attribute und Attributwerte finden. Dies hat den großen Vorteil, dass das Aussehen einer Webseite leicht geändert und auch auf andere Seiten übertragen werden kann.

Textobjekte einer Webseite

*Die Hexadezimalcodes für Farben finden sich unter folgendem Link. (Diese Adresse am besten in die Liste der Favoriten im Browser übernehmen.)

HTML und CSS im Zusammenspiel

Selektoren

Der große Vorteil von CSS besteht darin, dass man mit den Stildefinitionen mehrere Elemente gleichzeitig ansprechen kann und so mit einer einzigen Änderung des Stils das Aussehen aller entsprechenden Elemente verändert. Vorerst beschränken wir uns auf folgende Selektoren:

Anwendung

Übung - Webseite selbst formatieren